<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/bootstrap.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/sockjs.js"></script>
    <script src="js/stomp.js"></script>
    <title></title>
    <style>
        html,body{
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .warp {
            background-color: #F0F0F0;
            padding-top: 20px;
            padding-bottom: 20px;
            width: 100%;
            height: 100%;
        }
        .tab-pane {
            background-color: white;
            min-height: 500px !important;
            max-height: 500px !important;
            margin-top: 2px;
        }
        .show-date {
            padding: 4px;
            border: silver solid 1px;
            border-radius:2%;
        }
        fieldset {
            padding: 0px 30px 35px 30px;
            margin: 0 2px;
            border: 1px solid silver;
            border-radius:1%;
        }
        legend {
            padding: .5em;
            border: 0;
            width: auto;
        }
        .th-last{
            width: 12px;
            background-color: #F0F0F0;
            border: none;
        }
        thead, tbody tr {
            display: table;
            width: 100%;
            table-layout: fixed;
            cursor: pointer;
        }
        tbody {
            display: block;
            height: 460px;
            overflow-y: scroll;
        }
    </style>
</head>
<body>
<div class="container-fluid warp">
    <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
        <div class="row">
            <div  class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                检查室: <select class="selectpicker show-tick" id="consultationRoom"></select>
            </div>
            <div class="form-group col-xs-7 col-sm-7 col-md-7 col-lg-7">
                <input type="text" id="search"  class="form-control" placeholder="请输入患者的队列号、或姓名筛选记录">
            </div>
            <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
                <button type="button" id="btnSearch"  style="float: right;" class="btn btn-info">查询</button>
            </div>
        </div>

        <div class="row" style="padding:14px">

            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation"  class="active" data-index="0">
                    <a href="#waitingCall"  aria-controls="waitingCall" role="tab" data-toggle="tab">待呼</a>
                </li>
                <li role="presentation" data-index="1">
                    <a href="#overNumber"  aria-controls="overNumber" role="tab" data-toggle="tab">过号</a>
                </li>
                <li role="presentation" data-index="2">
                    <a href="#called"  aria-controls="called" role="tab" data-toggle="tab">已检</a>
                </li>
            </ul>

            <!-- Tab panes -->
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="waitingCall">
                    <table class="table table-bordered table-hover">
                        <thead>
                        <tr>
                            <th>排队号</th>
                            <th>患者姓名</th>
                            <th>患者性别</th>
                            <th>登记时间</th>
                            <th>病人来源</th>
                            <th>检查状态</th>
                            <th class="th-last"></th>
                        </tr>
                        </thead>
                        <tbody id="waitTable" class="tbody">
                        </tbody>
                    </table>
                </div>
                <div role="tabpanel" class="tab-pane" id="overNumber">
                    <table class="table table-bordered table-hover">
                        <thead>
                        <tr>
                            <th>排队号</th>
                            <th>患者姓名</th>
                            <th>患者性别</th>
                            <th>登记时间</th>
                            <th>病人来源</th>
                            <th>检查状态</th>
                            <th class="th-last"></th>
                        </tr>
                        </thead>
                        <tbody id="overTable" class="tbody">
                        </tbody>
                    </table>
                </div>
                <div role="tabpanel" class="tab-pane" id="called">
                    <table class="table table-bordered table-hover">
                        <thead>
                        <tr>
                            <th>排队号</th>
                            <th>患者姓名</th>
                            <th>患者性别</th>
                            <th>登记时间</th>
                            <th>病人来源</th>
                            <th>检查状态</th>
                            <th>确诊时间</th>
                            <th class="th-last"></th>
                        </tr>
                        </thead>
                        <tbody id="calledTable" class="tbody">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
        <div class="row text-center show-date">
            <h4 id="year"></h4>
            <h4><span id="week"></span><span style="margin-left: 10px;" id="hour"></span></h4>
        </div>
        <div class="row">
            <fieldset class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <legend><h4><strong>当前呼叫患者</strong></h4></legend>
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="queueId" class="control-label" style="float: left;margin-left: 26px;">队列号:</label>
                        <div class="col-xs-9 col-sm-9 col-md-9 col-lg-9" style="width: calc(100% - 45px - 40px );">
                            <label id="queueId" class=" control-label"></label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="patientName"
                               class="control-label" style="float: left;margin-left: 26px;">患　者:</label>
                        <div class="col-xs-9 col-sm-9 col-md-9 col-lg-9" style="width: calc(100% - 45px - 40px );">
                            <label id="patientName" class=" control-label"></label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="checkStatus"
                               class=" control-label" style="float: left;margin-left: 26px;">状　态:</label>
                        <div class="col-xs-9 col-sm-9 col-md-9 col-lg-9" style="width: calc(100% - 45px - 40px );">
                            <label id="checkStatus" class=" control-label"></label>
                        </div>
                    </div>
                </form>
            </fieldset>
        </div>
        <span id="waitPersonNumber">当前等待人数：</span>

        <div class="row">
            <fieldset>
                <legend><h4><strong>呼叫操作</strong></h4></legend>
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="margin-bottom: 20px;">
                    <button id="call" class="btn btn-success col-xs-12 col-sm-12 col-md-12 col-lg-12" style="height: 100px;font-size: 60px">呼号</button>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="margin-bottom: 20px;">
                    <button id="finish" class="btn btn-primary col-xs-12 col-sm-12 col-md-12 col-lg-12" style="height: 100px;font-size:60px">检查完毕</button>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="margin-bottom: 20px;">
                    <button id="over" class="btn btn-warning col-xs-12 col-sm-12 col-md-12 col-lg-12" style="height: 100px;font-size: 60px">过号</button>
                </div>
            </fieldset>
        </div>
    </div>
</div>
<script>
    var timerDao = '';
    //默认显示的表格标志(未呼)
    var checkRoomIndex = "0";

    //默认显示的诊室信息id
    var InitCheckRoom = "门诊部放射一室";
    //使用的诊室的id
    var userCheckRoomId;
    //设置该科室的最后封装的数据(从客户端读取)
    var data = {
        clientName: "",
        checkRoomId: "",
        deptId: "所属科室ID",
        clientId: "客户端ID（UUID）",
        clientType: "客户端类型（1-显示客户端）"
    };
    //显示时间
    setInterval(function () {
        var time = new Date();
        var year = time.getFullYear();
        var month = parseInt(time.getMonth()) + 1;
        month = month < 10 ? '0' + month : month;
        var date = time.getDate();
        date = date < 10 ? '0' + date : date;
        var hour = time.getHours();
        hour = hour < 10 ? '0' + hour : hour;
        var second = time.getSeconds();
        second = second < 10 ? '0' + second : second;
        var minute = time.getMinutes();
        minute = minute < 10 ? '0' + minute : minute;
        var day = this.showDay(parseInt(time.getDay()));

        $("#year").html(year + '年' + month + '月' + date + '日');
        $("#week").html(day);
        $("#hour").html(hour + ':' + minute + ':' + second )
    }, 1000);
    function showDay(week) {
        if (week === 0) {
            return "星期天";
        } else if (week === 1) {
            return "星期一";
        } else if (week === 2) {
            return "星期二";
        } else if (week === 3) {
            return "星期三";
        } else if (week === 4) {
            return "星期四";
        } else if (week === 5) {
            return "星期五";
        } else if (week === 6) {
            return "星期六";
        }
    }

    /**
     * 读取配置信息
     */
    $(document).ready(function () {
        //定时执行，2秒后执行
        var t1 = window.setTimeout(refreshCount, 1000 * 3);

        function refreshCount() {
            // 获取配置文件信息
            getClientProperties();
            //去掉定时器
            window.clearTimeout(t1);
        }
    });
    // 获取配置文件信息
    function getClientProperties() {
//        var properties = app.getClientProperties();
         var properties = '{"clientType":"0","clientId":"86e28557-dbe7-46b4-bf5c-174c4b038a00","clientName":"放射科","deptId":"外科楼超声","checkRoomId":"彩超一室"}';
        var _properties = eval("(" + properties + ")");
        window.g_properties = _properties;
        //设置大屏显示的科室
        data.deptId = g_properties.deptId;
        data.clientName = g_properties.clientName;
        data.clientId = g_properties.clientId;
        data.clientType =g_properties.clientType;
        data.checkRoomId =g_properties.checkRoomId;
        userCheckRoomId = g_properties.checkRoomId;
        var checkRooms = _properties.checkRoomId.split(",");
        // 清除数据
        data.checkRoomDatas = [];
        // 封装数据
        var _json1 = "[";
        for (var i = 0; i < checkRooms.length; i++) {
            _json1 += "{\"checkId\":\""+checkRooms[i]+"\",\"checkRoom\":\""+checkRooms[i]+"\"},";
        }
        _json1 += "]";
        data.checkRoomDatas = eval("("+_json1+")");

        //对科室的数据做格式化处理
        data.checkRoomDatas.forEach(function (item) {
            item.dataAll = {};
            //展示(未呼)数据
            item.dataAll.showData = [];
            //已呼数据
            item.dataAll.callData = [];
            //过号数据
            item.dataAll.guoData = [];
            //总的数据(包括:未呼，已呼，过号)
            item.zongData = [];
        });
        //对科室的诊室下拉框进行处理
        for(var k=0;k< data.checkRoomDatas.length;k++){
            var option;
            if(data.checkRoomDatas[k].checkId === userCheckRoomId){
                option = "<option selected value="+data.checkRoomDatas[k].checkId+">"+data.checkRoomDatas[k].checkId+"</option>";
            }
            else {
                option = "<option  value="+data.checkRoomDatas[k].checkId+">"+data.checkRoomDatas[k].checkId+"</option>";
            }
            $("#consultationRoom").append(option);
        }
        //诊室下拉框选择之后,重新获取数据
        $("#consultationRoom").change(function () {
            userCheckRoomId = $(this).val();
            getSomeData(userCheckRoomId)
        });
        //重启或者打开客户端之前的获取数据
        getSomeData(userCheckRoomId);
        initWebSocket();

    }
    function initWebSocket() {
        connection();
    }
    var socket;
    var stompClient;
    var timer;
    function connection() {

        // 建立连接对象
        socket = new SockJS('/zd-queuing-websocket');
        // var socket = new SockJS('/zd-queuing-websocket');
        // 获取STOMP子协议的客户端对象
        stompClient = Stomp.over(socket);

        //http://192.168.2.106:8080/zd-queuing-websocket
        // 向服务器发起websocket连接
        stompClient.connect({},
            function () {
                stompClient.subscribe('/newPatient/checkRoom/' + userCheckRoomId, function (msg) {
                    var datas = JSON.parse(msg.body);
                    data.checkRoomDatas.forEach(function (item1) {
                        if(item1.checkId === userCheckRoomId){
                            if(item1.dataAll.showData.length === 0){
                                item1.dataAll.showData = datas;
                            }
                            else {
                                datas.forEach(function (item2) {
                                    item1.dataAll.showData.push(item2)
                                })
                            }
                            // if(item1.dataAll.showData[0]){
                            //     showPerson(item1.dataAll.showData[0])
                            // }
                            htmlCanvas(item1);
                            if(checkRoomIndex === '0'){
                                $(".nav.nav-tabs li").eq(0).click();
                            }
                            if(checkRoomIndex === '1'){
                                $(".nav.nav-tabs li").eq(1).click();
                            }
                            if(checkRoomIndex === '2'){
                                $(".nav.nav-tabs li").eq(2).click();
                            }
                        }
                    })
                })
            },
            function (err) {
                timer = setInterval(function ()
                {
                    window.location.reload();
                }, 2000)
            });
    }   //连接 后台
    //重启或者打开客户端之前的获取数据
    function getSomeData(userId){
        console.log("重启或者重新连接");
        $.ajax({
            // url: "/queue/cacheDept?deptId=" + data.deptId,
            url: "/queue/cacheCheckRoom?deptId=" + data.deptId + "&checkRoomId=" + id,
            method: "GET",
            success: function (res) {
                if(res.data.length>0){
                    data.checkRoomDatas.forEach(function (item1) {
                        //1避免点击查询出现数据重复的bug 2同时清空其他诊室在该诊室显示的数据(减少内存消耗)
                        item1.dataAll.showData = [];
                        item1.dataAll.guoData = [];
                        item1.dataAll.callData = [];
                        item1.zongData = [];
                        if(item1.checkId === userCheckRoomId){
                            res.data.forEach(function (item2) {
                                if(item2.checkStatus === 0){
                                    item1.dataAll.showData.push(item2);

                                    console.log(item1.dataAll.showData);
                                }
                                if(item2.checkStatus === 1){
                                    item1.dataAll.guoData.push(item2)
                                }
                                if(item2.checkStatus === 2){
                                    item1.dataAll.callData.push(item2)
                                }
                            });
                            //渲染界面
                            htmlCanvas(item1);
                            if(checkRoomIndex === '0'){
                                $(".nav.nav-tabs li").eq(0).click();
                            }
                            if(checkRoomIndex === '1'){
                                $(".nav.nav-tabs li").eq(1).click();
                            }
                            if(checkRoomIndex === '2'){
                                $(".nav.nav-tabs li").eq(2).click();
                            }

                        }
                    });
                }
                else {
                    data.checkRoomDatas.forEach(function (item1) {
                        if(item1.checkId === userCheckRoomId){
                            htmlCanvas(item1)
                        }
                    })
                }
            }
        });
    }
    //界面渲染函数
    function htmlCanvas(datas) {

        //每次查询完重新渲染页面的保障
        $("#waitTable").html('');
        $("#overTable").html('');
        $("#calledTable").html('');
        console.log(datas.dataAll.showData);
        datas.dataAll.showData.forEach(function (item) {
            var tr = "<tr><td>"+item.queueId+"</td><td>"+item.patientName+"</td><td>"+sexModify(item.patientSex)+"</td><td>"+item.registerTime+"</td><td>"+cliisinpat(item.cliisinpat)+"</td><td>"+statusFilter(item.checkStatus)+"</td></tr>";
            $("#waitTable").append(tr);

        });

        datas.dataAll.guoData.forEach(function (item) {
            var tr = "<tr><td>"+item.queueId+"</td><td>"+item.patientName+"</td><td>"+sexModify(item.patientSex)+"</td><td>"+item.registerTime+"</td><td>"+cliisinpat(item.cliisinpat)+"</td><td>"+statusFilter(item.checkStatus)+"</td></tr>";
            $("#overTable").append(tr);
        });
        datas.dataAll.callData.forEach(function (item) {
            var tr = "<tr><td>"+item.queueId+"</td><td>"+item.patientName+"</td><td>"+sexModify(item.patientSex)+"</td><td>"+item.registerTime+"</td><td>"+cliisinpat(item.cliisinpat)+"</td><td>"+statusFilter(item.checkStatus)+"</td><td>"+item.finalConfirmTime+"</td></tr>";
            $("#calledTable").append(tr);
        });
    }
    //状态过滤器 数字===>中文
    function statusFilter(status) {
        if(status === 0){
            return "等待检查"
        }
        else if(status === 1){
            return "已过号"
        }
        else if(status === 2) return "已检查";
        else return "正在检查"
    }
    //显示的具体患者的操作函数
    function showPerson(obj){

        $("#queueId").html(obj.queueId);
        $("#checkStatus").html(statusFilter(obj.checkStatus));
        $("#patientName").html(obj.patientName);
        $("#waitPersonNumber").html("当前等待人数: "+obj.waitPatientNumber)
    }
    //性别操作函数
    function sexModify(sex) {
        if(!sex){
            return ""
        }
        return sex
    }
    //患者来源操作函数
    function cliisinpat(source) {
        if(!source){
            return ""
        }
        return source
    }
    //双击表格中的行数选中当前行的信息,并在界面右侧显示出来
    $(".tbody").on("dblclick","tr",function () {
        $(this).css("backgroundColor","skyblue").siblings().css("backgroundColor","transparent");
        //当前选中的患者的id
        var queueId = this.children[0].innerHTML;
        //选择的数据在未呼表格中
        if(checkRoomIndex === "0"){
            data.checkRoomDatas.forEach(function (item1) {
                if( item1.checkId ===  userCheckRoomId){
                    item1.dataAll.showData.forEach(function (item2) {
                        if(item2.queueId === queueId){
                            // personObj = item2;
                            //重新患者的详细信息
                            showPerson(item2);
                            //判断当前患者是否被点击过
                            btnCallHtml(item2);
                            if(item2.clickFlag){
                                //被点击过并且倒计时没有走完
                                if(timerDao){
                                    // $("#call").prop("disabled",true);
                                }
                                //被点击过并且倒计时走完
                                else {
                                    // $("#call").prop("disabled",false);
                                }
                                // $("#over").prop("disabled",false);
                                // $("#finish").prop("disabled",false);
                            }
                            else {
                                //没有被点击过并且倒计时没有走完
                                if(timerDao){
                                    // $("#call").prop("disabled",true);
                                    // $("#over").prop("disabled",true);
                                    // $("#finish").prop("disabled",true);
                                }
                                //没有被点击过并且倒计时走完
                                else {
                                    // $("#call").prop("disabled",false);
                                    // $("#over").prop("disabled",true);
                                    // $("#finish").prop("disabled",true);
                                }
                            }


                        }
                    })
                }
            });

            //在呼叫的基础上,可以进行再次呼叫
        }
        //选择的数据在过号表格中
        if(checkRoomIndex === "1"){
            data.checkRoomDatas.forEach(function (item1) {
                if( item1.checkId ===  userCheckRoomId){
                    item1.dataAll.guoData.forEach(function (item2) {
                        if(item2.queueId === queueId){
                            // personObj = item2;
                            //重新患者的详细信息
                            showPerson(item2);
                            //判断当前患者是否被点击过
                            $("#call").html("重呼");
                        }
                    })
                }
            });
            //倒计时没有走完
            if(timerDao){
                // $("#call").prop("disabled",true);
                // $("#finish").prop("disabled",true);
            }
            else {
                // $("#call").prop("disabled",false);
                // $("#finish").prop("disabled",false);
            }
            // $("#over").prop("disabled",true);
        }
        //选择的数据在已呼表格中
        if(checkRoomIndex === "2"){
            // data.checkRoomDatas.forEach(function (item1) {
            //     if( item1.checkId ===  userCheckRoomId){
            //         item1.dataAll.callData.forEach(function (item2) {
            //             if(item2.queueId === queueId){
            //                 // personObj = item2;
            //                 //重新患者的详细信息
            //                 showPerson(item2);
            //             }
            //         })
            //     }
            // });
            // $("#call").prop("disabled",true);
            // $("#over").prop("disabled",true);
            // $("#finish").prop("disabled",true);
        }
    });

    //单个诊室三种状态互相切换的时候,判断是未呼,已呼,还是过号

    $(".nav.nav-tabs li").click(function () {
        checkRoomIndex =$(this).get()[0].getAttribute("data-index");
        //选择的数据在未呼表格中
        if(checkRoomIndex === "0"){
         if(data.checkRoomDatas){
             data.checkRoomDatas.forEach(function (item1) {
                 if( item1.checkId ===  userCheckRoomId){
                     if(item1.dataAll.showData[0]){
                         // 重新显示当前患者信息;
                         showPerson(item1.dataAll.showData[0]);
                         $("#waitTable tr").eq(0).css("backgroundColor","skyblue").siblings().css("backgroundColor","transparent");
                         //判断当前患者是否被点击过
                         btnCallHtml(item1.dataAll.showData[0]);
                         if(item1.dataAll.showData[0].clickFlag){
                             if(timerDao){
                                 // $("#call").prop("disabled",true);
                             }
                            // else { $("#call").prop("disabled",false);}
                             // $("#over").prop("disabled",false);
                             // $("#finish").prop("disabled",false);
                         }
                         else {

                             // if(timerDao){
                             //     // $("#call").prop("disabled",true);
                             // }
                             // else { $("#call").prop("disabled",false);}
                             // $("#over").prop("disabled",true);
                             // $("#finish").prop("disabled",true);
                         }
                     }
                     else {
                         $("#queueId").html("");
                         $("#patientName").html("");
                         $("#checkStatus").html("");
                         $("#waitPersonNumber").html("");
                         // $("#call").prop("disabled",true);
                         // $("#over").prop("disabled",true);
                         // $("#finish").prop("disabled",true);
                         $("#call").html("呼叫");
                     }
                 }
             });
         }
            //在呼叫的基础上,可以进行再次呼叫
        }
        //选择的数据在过号表格中
        if(checkRoomIndex === "1"){
            $("#call").html("重呼");
            $("#overTable tr").css("backgroundColor","transparent");
            if(data.checkRoomDatas){
                data.checkRoomDatas.forEach(function (item1) {
                    if( item1.checkId ===  userCheckRoomId){
                            // $("#call").prop("disabled",true);
                            // $("#over").prop("disabled",true);
                            // $("#finish").prop("disabled",true);
                            $("#queueId").html("");
                            $("#patientName").html("");
                            $("#checkStatus").html("");
                            $("#waitPersonNumber").html("");
                    }
                });
            };
        }
        //选择的数据在已呼表格中
        if(checkRoomIndex === "2"){
            $("#call").html("呼叫");
            $("#calledTable tr").css("backgroundColor","transparent");
            if(data.checkRoomDatas){
                data.checkRoomDatas.forEach(function (item1) {
                    if( item1.checkId ===  userCheckRoomId){

                            $("#queueId").html("");
                            $("#patientName").html("");
                            $("#checkStatus").html("");
                            $("#waitPersonNumber").html("");
                            // $("#call").prop("disabled",true);
                            // $("#over").prop("disabled",true);
                            // $("#finish").prop("disabled",true);

                    }
                });
            }
            // $("#call").prop("disabled",true);
            // $("#over").prop("disabled",true);
            // $("#finish").prop("disabled",true);
        }
    });

    //点击呼号按钮进行操作函数
    $("#call").click(function () {
        //当前有具体显示的患者
        if($("#queueId").html()){
            // alert("呼叫" + personObj.patientName + personObj.queueId + personObj.checkRoom);
            //app.startVoice(personObj.patientName, personObj.queueId, personObj.checkRoom);
            // $("#call").prop("disabled",true);
            // $("#over").prop("disabled",false);
            // $("#finish").prop("disabled",false);


            // var index = 5;
            // timerDao =setInterval(function () {
            //     $("#call").html($("#call").html().substring(0,2)+index+"s");
            //     if(index===0){
            //         clearInterval(timerDao);
            //         timerDao = '';
            //         $("#call").html($("#call").html().substring(0,2));
            //         //定时器执行完,当呼叫区有数据,呼叫按钮可用
            //         if($("#queueId").html()){
            //             // $("#call").prop("disabled",false);
            //         }
            //     }
            //     index = index-1;
            //
            // },1000);

            // data.checkRoomDatas.forEach(function (item1) {
            //     if(item1.checkId === userCheckRoomId){
            //         if(item1.dataAll.showData.length>0 || item1.dataAll.guoData.length>0){
            //             if(checkRoomIndex === '0' || checkRoomIndex === '1') {
            //                 $("#call").prop("disabled", false);
            //             }
            //         }
            //         else{
            //             $("#call").prop("disabled",true);
            //         }
            //
            //     }
            // });

            //把当前患者设置为已点击过状态
            data.checkRoomDatas.forEach(function (item1) {
                if( item1.checkId ===  userCheckRoomId){
                    item1.dataAll.showData.forEach(function (item2) {
                        if(item2.queueId === $("#queueId").html()){
                            item2.clickFlag = true;
                            //改变显示按钮的文字
                            btnCallHtml(item2);
                            //改变当前患者的状态
                            item2.checkStatus = 3;
                            // // //重新渲染页面
                            // htmlCanvas(item1);
                            //重新显示患者信息
                            showPerson(item2);
                            // if(!timerDao){
                            //     $("#call").prop("disabled",false);
                            // }
                            // $("#over").prop("disabled",false);
                            // $("#finish").prop("disabled",false);

                            // $("#over").prop("disabled",false);
                            // $("#finish").prop("disabled",false);
                            //向后台发送数据
                            myAjax(item2.departmentId,item2.checkId,item2.queueId,item2.inspectId,"call");
                        }
                    });
                    item1.dataAll.guoData.forEach(function (item2) {
                        if(item2.queueId === $("#queueId").html()){
                            item2.clickFlag = true;
                            //改变显示按钮的文字
                            btnCallHtml(item2);
                            //改变当前患者的状态
                            item2.checkStatus = 3;
                            //重新显示患者信息
                            showPerson(item2);
                            // //重新渲染页面
                            // htmlCanvas(item1);

                            // $("#over").prop("disabled",true);
                            // $("#finish").prop("disabled",false);


                            //向后台发送数据
                            myAjax(item2.departmentId,item2.checkId,item2.queueId,item2.inspectId,"call");
                        }
                    })
                }
            });

        }
        //没有具体的患者return
        else return false

    });
    //点击过号按钮操作的函数
    $("#over").click(function () {
        $("#call").html("呼号");
        if($("#queueId").html()){
            //在待呼表格中删除对应的数据
            data.checkRoomDatas.forEach(function (item1) {
                if( item1.checkId ===  userCheckRoomId){
                    item1.dataAll.showData.forEach(function (item2,index) {
                        if(item2.queueId === $("#queueId").html()){
                            //把过号信息加入过号表格中去
                            item1.dataAll.guoData.push(item2);
                            //在待呼表格中删除对应的数据
                            item1.dataAll.showData.splice(index,1);
                            //向后台发送数据
                            myAjax(item2.departmentId,item2.checkId,item2.queueId,item2.inspectId,"pass");
                            //改变当前患者的状态
                            item2.checkStatus = 1;
                            //重新渲染页面
                            htmlCanvas(item1);
                            //如果待呼表格中还存在数据,就显示第一条数据
                            if(item1.dataAll.showData[0]){
                                // personObj = item1.dataAll.showData[0];
                                // personObj.clickFlag = false;
                                $("#queueId").html(item1.dataAll.showData[0].queueId);
                                $("#patientName").html(item1.dataAll.showData[0].patientName);
                                $("#checkStatus").html(statusFilter(item1.dataAll.showData[0].checkStatus));
                                $("#waitPersonNumber").html(item1.dataAll.showData[0].waitPersonNumber);
                                //选中第一个,设置背景色
                                $("#waitTable tr").eq(0).css("backgroundColor","skyblue").siblings().css("backgroundColor","transparent");
                                // clearInterval(timerDao);

                                // $("#call").prop("disabled",false);
                                // $("#over").prop("disabled",true);
                                // $("#finish").prop("disabled",true);

                            }
                            else{
                                $("#queueId").html('');
                                $("#patientName").html('');
                                $("#checkStatus").html('');
                                $("#waitPersonNumber").html('');
                                // $("#call").prop("disabled",true);
                                // $("#over").prop("disabled",true);
                                // $("#finish").prop("disabled",true);
                            }


                        }
                    })
                }
            });
        }
        else return false;
    });
    //点击检查完毕按钮操作函数
    $("#finish").click(function () {
        if($("#queueId").html()){
            data.checkRoomDatas.forEach(function (item1) {
                if( item1.checkId ===  userCheckRoomId){
                    item1.dataAll.showData.forEach(function (item2,index) {
                        if(item2.queueId === $("#queueId").html()){
                            //把当前检查完毕信息加入已检查表格中去
                            item1.dataAll.callData.push(item2);
                            //在待呼表格中删除对应的数据
                            item1.dataAll.showData.splice(index,1);
                            item2.checkStatus = 2;
                            //重新渲染页面
                            htmlCanvas(item1);
                            //向后台发送数据
                            myAjax(item2.departmentId,item2.checkId,item2.queueId,item2.inspectId,"finish");
                            //如果待呼表格中还存在数据,就显示第一条数据
                            if(item1.dataAll.showData[0]){
                                $("#queueId").html(item1.dataAll.showData[0].queueId);
                                $("#patientName").html(item1.dataAll.showData[0].patientName);
                                $("#checkStatus").html(statusFilter(item1.dataAll.showData[0].checkStatus));
                                $("#waitPersonNumber").html(item1.dataAll.showData[0].waitPersonNumber);
                                btnCallHtml(item1.dataAll.showData[0]);
                                // $("#call").prop("disabled",false);
                                // $("#over").prop("disabled",true);
                                // $("#finish").prop("disabled",true);
                            }
                            else{
                                $("#queueId").html('');
                                $("#patientName").html('');
                                $("#checkStatus").html('');
                                $("#waitPersonNumber").html('');
                                // $("#call").prop("disabled",true);
                                // $("#over").prop("disabled",true);
                                // $("#finish").prop("disabled",true);
                            }
                        }
                    });
                    item1.dataAll.guoData.forEach(function (item2,index) {
                        if(item2.queueId === $("#queueId").html()){
                            //把过号信息加入已检查表格中去
                            item1.dataAll.callData.push(item2);
                            //在待呼表格中删除对应的数据
                            item1.dataAll.guoData.splice(index,1);
                            //重新渲染页面
                            htmlCanvas(item1);
                            //向后台发送数据
                            myAjax(item2.departmentId,item2.checkId,item2.queueId,item2.inspectId,"finish");
                            //如果待呼表格中还存在数据,就显示第一条数据
                            if(item1.dataAll.guoData[0]){
                                $("#queueId").html(item1.dataAll.guoData[0].queueId);
                                $("#patientName").html(item1.dataAll.guoData[0].patientName);
                                $("#checkStatus").html(statusFilter(item1.dataAll.showData[0].checkStatus));
                                $("#waitPersonNumber").html(item1.dataAll.guoData[0].waitPersonNumber);
                                btnCallHtml(item1.dataAll.guoData[0]);
                                // $("#call").prop("disabled",false);
                                // $("#over").prop("disabled",true);
                                // $("#finish").prop("disabled",false);
                            }
                            else{
                                $("#queueId").html('');
                                $("#patientName").html('');
                                $("#checkStatus").html('');
                                $("#waitPersonNumber").html('');
                                // $("#call").prop("disabled",true);
                                // $("#over").prop("disabled",true);
                                // $("#finish").prop("disabled",true);
                            }
                        }
                    })
                }
            });
        }
        else return false;
    });

    function myAjax( deptId, checkRoomId, queueId, inspectId, action) {
        $.ajax(
            {
                url: "/zd-server/" + action,
                data:{
                    deptId:deptId,
                    checkRoomId:checkRoomId,
                    queueId:queueId,
                    inspectId:inspectId
                },
                method:"GET",
                success:function (res) {
                    console.log(res);
                }
            }
        );
    }

    //呼叫按钮显示呼叫还是重复的操作函数 判断当前患者是否被呼叫过
    function btnCallHtml(personObj) {
        console.log("判断:"+personObj.clickFlag);
        if(personObj.clickFlag){
            $("#call").html("重呼");
        }
        else $("#call").html("呼号");
    }
    //查询数据
    $("#btnSearch").click(function () {
        var queueId = $("#search").val().trim();
        if(queueId){
            if(checkRoomIndex === "0"){
                $("#waitTable tr").css("backgroundColor","transparent");
                data.checkRoomDatas.forEach(function (item1) {
                    if(item1.checkId = userCheckRoomId){
                        item1.dataAll.showData.forEach(function (item2) {
                            if(item2.queueId.indexOf(queueId)>-1|| item2.patientName.indexOf(queueId)>-1){

                                $("#waitTable tr").get().forEach(function (item3) {

                                    if($(item3).children().eq(0).html() === item2.queueId){

                                        $(item3).css("backgroundColor","skyBlue");
                                      }
                                })
                            }
                        })
                    }
                })
            }
            if(checkRoomIndex === "1"){
                $("#overTable tr").css("backgroundColor","transparent");
                data.checkRoomDatas.forEach(function (item1) {
                    if(item1.checkId = userCheckRoomId){
                        item1.dataAll.guoData.forEach(function (item2) {

                            if(item2.queueId.indexOf(queueId)>-1|| item2.patientName.indexOf(queueId)>-1){
                                $("#overTable tr").get().forEach(function (item3) {

                                    if($(item3).children().eq(0).html() === item2.queueId){

                                        $(item3).css("backgroundColor","skyBlue");
                                    }
                                })
                            }
                        })
                    }
                })
            }
            if(checkRoomIndex === "2"){
                $("#calledTable tr").css("backgroundColor","transparent");
                data.checkRoomDatas.forEach(function (item1) {
                    if(item1.checkId = userCheckRoomId){
                        item1.dataAll.callData.forEach(function (item2) {

                            if(item2.queueId.indexOf(queueId)>-1|| item2.patientName.indexOf(queueId)>-1){
                                $("#calledTable tr").get().forEach(function (item3) {

                                    if($(item3).children().eq(0).html() === item2.queueId){

                                        $(item3).css("backgroundColor","skyBlue");
                                    }
                                })
                            }
                        })
                    }
                })
            }
        }
        else return false
    })
</script>
</body>
</html>